<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/queryloader2.min.js"></script>
		<style>
			.cover-box, .score-cover{
				overflow: auto;
			}
			.question1 .question-body img{
				margin-top: -5%;
			}
			@media only screen and (min-width: 385px){
				
				.question1 .question-body img{
					margin-top: 3%;
				}
				
			}
			.question4 .question-body img{
				width: 50%;
				margin-top: -5%;
			}
			@media only screen and (min-width: 385px) {
				.question4 .question-body img{
					margin-top: 0;
				}
			}
		</style>
		<script>
			function goQuestion(index){
				$(".qbox").hide();
				$("#q"+index).show();
			}
		</script>
	</head>

	<body>
		<div class="cover-box" id="preload">
			<div class="test-container">
				<div class="bg"></div>
				<img class="button01" src="img/button01.png" onclick="goQuestion(1);" alt="button01" />
				<img class="button02" src="img/button02.png" onclick="$('#rule').show();" alt="button02" />
			</div>
		</div>
		
		<div class=" cover-box qbox" id="q1" style="display: none;">
			<div class="question-container question1">
				<div class="bg"></div>
				<div class="question">走在路上，一位神秘老人送给你3万块钱，你会？</div>
				<div class="question-body">
					<ul>
						<li>
							<input type="checkbox" /><span>A：花掉花掉，请叫我买买提</span></li>
						<li>
							<input type="checkbox" /><span>B：天上掉馅饼，赶紧藏家里</span></li>
						<li>
							<input type="checkbox" /><span>C：大钱生小钱，银行最安全</span></li>
						<li>
							<input type="checkbox" /><span>D：投资仁美大源印象，走上人生巅峰</span></li>
					</ul>
					<img src="img/next.png" alt="next" onclick="goQuestion(2);" />
				</div>
				<p>1</p>
				<img class="question-pic" src="img/question01.png" alt="question01" />
			</div>
		</div>
		<div class=" cover-box qbox" id="q2" style="display:none;">
			<div class="question-container question2">
				<div class="bg"></div>
				<div class="question">接到神秘老人的电话，<br />你会如何去赴约？</div>
				<div class="question-body">
					<ul>
						<li>
							<input type="checkbox" /><span>A：提前挤公交，省钱还环保</span></li>
						<li>
							<input type="checkbox" /><span>B：taxi走起，咱不差钱</span></li>
						<li>
							<input type="checkbox" /><span>C：有车一族，哪怕路上堵成狗</span></li>
						<li>
							<input type="checkbox" /><span>D：这时代什么最快？地铁！</span></li>
					</ul>
					<img src="img/next.png" alt="next" onclick="goQuestion(3);" />
				</div>
				<p>2</p>
				<img class="question-pic" src="img/question02.png" alt="question02" />
			</div>
		</div>
		<div class=" cover-box qbox" id="q3" style="display:none;">	<div class="question-container question3">
			<div class="bg"></div>
			<div class="question">到达约定地点，神秘老人迟迟没来，你认为是什么原因？</div>
			<div class="question-body">
				<ul>
					<li><input type="checkbox" /><span>A：他迷路了</span></li>
					<li><input type="checkbox" /><span>B：突然不想和我玩了</span></li>
					<li><input type="checkbox" /><span>C：脑补各种韩剧剧情</span></li>
					<li><input type="checkbox" /><span>D：没找到停车位</span></li>					
				</ul>				
				<img src="img/next.png" onclick="goQuestion(4);" alt="next" />				
			</div>
			<p>3</p>
			<img class="question-pic" src="img/question03.png" alt="question03" />
		</div></div>
		<div class=" cover-box qbox" id="q4" style="display:none;">
			<div class="question-container question4">
			<div class="bg"></div>
			<div class="question">见面后，神秘老人递给你一个宝盒，你希望里面是？</div>
			<div class="question-body">
				<ul>
					<li><input type="checkbox" /><span>A：一张空白支票，怎么高兴怎么填</span></li>
					<li><input type="checkbox" /><span>B：他的财产继承权</span></li>
					<li><input type="checkbox" /><span>C：一笔可观的天使投资</span></li>
					<li><input type="checkbox" /><span>D：金光闪闪的地铁小铺，每天钱生钱</span></li>					
				</ul>				
				<img src="img/4.png" alt="4" onclick="$('.fx').show();" />	
			</div>
			<p>4</p>
			<img class="question-pic" src="img/question04.png" alt="question04" />
		</div>
		</div>
		
		<div class="hdgz-cover-box" id="rule" onclick="$('#rule').hide();" style="display:none;">
	    	<div class="hdgz-pop-box">
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="hdgz-pop-content">
		            <div class="hdgz-content">
		                <h2><img src="img/rule.png" alt="rule" /></h2>
		                <ul>
		                	<li>1）关注“仁美大源印象”公众号，点击菜单栏“测试领红包”按钮开始测试；</li>
							<li>2）参与者通过4道趣味问答测算自己的投资天赋，分享朋友圈后可查看测试结果并领取现金红包；</li>
							<li>3）成功分享朋友圈后红包将自动到账，请在“仁美大源印象”公众号中查收；</li>
							<li>4）如因个人账号原因，导致微信红包无法到账，后果将由个人承担；</li>
							<img src="img/code.jpg" alt="code" />
							<li>5）红包有限，先到先得，抢完即止；</li>
							<li>6）如遇不可抗力因素，活动主办方有权提前终止本活动；</li>
							<li>7）本次活动最终解释权归仁美•大源印象拥有。</li>
		                </ul>          
		            </div>
		        </div>
	    	</div>
		</div>
		
		<div class="fx" style="display: none;" onclick="$(this).hide();$('#score').show();"></div>
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
				<div class="score-content">
					<p>
						<em>经测试</em>
						<br />
						你的投资天赋前后600年无人能超越巴菲特也要拜你为师！
					</p>   										
				</div>
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：90分以上
        -->
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
				<div class="score-content">
					<p>
						<em>经测试</em>
						<br />
						你投资天赋先天不足只有仁美•大源印象能解救你！
					</p>   										
				</div>
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：60分以下
        -->
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
				<div class="score-content">
					<p>
						<em>经测试</em>
						<br />
						你投资天赋的任督二脉还未打开只有仁美•大源印象能解救你！
					</p>   										
				</div>
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：61-79分
        -->
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
				<div class="score-content">
					<p>
						<em>经测试</em>
						<br />
						你的投资天赋令人叹为观止巴菲特也要拜你为师！
					</p>   										
				</div>
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：80-90分
        -->
		
		<div class="cover-box " id="over" onclick="$(this).hide();" style="display:none;">
			<div class="pop-box">
				<div class="bg"></div>
				<div class="pop-content">						
					你来迟了一步
					<br />现金红包已被小伙伴们抢完啦！
					<br />
					<em>请持续关注仁美•大源印象<br />下波福利下周五再见！</em>
				</div>
			</div>
		</div>
		
		<script>
			$("body").queryLoader2({
				barColor: "#efefef",
				backgroundColor: "#111",
				percentage: true,
				barHeight: 1,
				minimumTime: 200,
				fadeOutTime: 1000,
				onComplete: function() {
					$("#preload").show();
				}
			});
		</script>
	</body>

</html>